/********    align   ********/
.text-left {text-align: left};
.text-center {text-align: center};
.text-right {text-align: right};
.text-justify {text-align: justify};

/********    whitespace   ********/
.text-wrap {
    white-space: normal;
}

.text-nowrap {
    white-space: nowrap;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/********    size   ********/
@each $sizeName, $size in (
    'xs':'.75',
    'sm':'.875',
    'base':'1',
    'lg': '1.125',
    'xl': '1.25',
    '2xl': '1.5',
    '3xl': '1.875',
    '4xl': '2.25',
    '5xl': '3',
    '6xl': '4',
){
    .text-#{$sizeName}, .hover-t-#{$sizeName}:hover {font-size: #{$size}rem};
}

/********    weight   ********/

@each $weight in (100, 200, 300, 400, 500, 600, 700, 800, 900) {
    .text-#{$weight}, .hover-text-#{$weight}:hover {font-weight: #{$weight}};
}

/********    decoration   ********/

.underline, .hover-underline:hover {text-decoration: underline};
.line-through, .hover-line-through:hover {text-decoration: line-through};
.no-underline, .hover-no-underline:hover {text-decoration: none};
